@import '~normalize.css/normalize.css';
@import './variables';
@import './element-variables';
@import './ele-overwrite';
@import './mixin';

@media (min-width: 1280px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1280px;
  }
}

body {
  overflow-y: auto;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

.pd20 {
  padding: 20px;
}
.pd10 {
  padding: 10px;
}
.mg-t20 {
  margin-top: 20px;
}
.mg-b10 {
  margin-bottom: 10px;
}
.pos-rel {
  position: relative;
}
.white {
  background: $--color-white;
}

.loggin .el-dialog,
.loggin .avue-group__item {
  background: #1b1e25;
}
.loggin .el-dialog--center .el-dialog__body {
  // padding-bottom: 0 !important;
}
.loggin .el-dialog,
.loggin .avue-group__ite {
  background: #fff;
}
input {
  border-width: 2px;
  border-radius: 0;
}

.selection .el-checkbox__inner,
input,
.el-slider__runway,
textarea,
.el-dialog input,
.el-switch__core,
.el-dialog .el-slider__runway,
el-dialog textarea {
  background-color: #fff !important;
  color: #606266 !important;
  border-color: #dcdfe6 !important;
}
.activity .selection .el-checkbox__inner,
.activity input,
.activity .el-slider__runway,
.activity textarea,
.activity .el-dialog input,
.activity .el-switch__core,
.activity .el-dialog .el-slider__runway,
.activity el-dialog textarea {
  background-color: #fff !important;
  color: #606266 !important;
  border-color: #dcdfe6 !important;
}
.loggin .selection .el-checkbox__inner,
.loggin input,
.loggin .el-slider__runway,
.loggin textarea,
.loggin .el-dialog input,
.loggin .el-switch__core,
.loggin .el-dialog .el-slider__runway,
.loggin el-dialog textarea {
  background-color: #fff !important;
  color: #606266 !important;
  padding-bottom: 10px;
  text-indent: 5px;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #333;
  border-bottom: 1px solid rgb(235, 237, 242) !important;
}
.loggin .el-dialog__footer {
  padding: 10px 25px 25px !important;
}
.loggin .el-form-item__content {
  padding-right: 0;
}
.el-switch.is-checked .el-switch__core {
  border-color: #409eff !important;
  background-color: #409eff !important;
}
.el-button,
.el-dialog .el-button {
  border-radius: 0;
}
.loggin .el-button,
.loggin .el-dialog .el-button {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
// .el-button--danger,
// .el-dialog .el-button--danger {
//   background-color: transparent;
//   color: #f56c6c;
//   border-color: #f56c6c;
// }
.icon-gauge {
  font-size: 12px !important;
}

.topMenu_right > .el-menu-item {
  border: 0 !important;
  color: #555 !important;
}
.topMenu_right > .el-menu-item a {
  font-size: 14px;
}
.topMenu_right > .el-menu-item.is-active {
  color: #19529f !important;
  font-weight: 500;
}
.rotation {
  .el-carousel__arrow {
    border-radius: 0;
    width: 50px;
    height: 100px;
    font-weight: bolder;
    font-size: 30px;
  }
  .el-carousel__arrow--right {
    right: 0;
  }
  .el-carousel__arrow--left {
    left: 0;
  }
}
.activity .el-tabs__nav-wrap::after {
  height: 1px !important;
  background: #ededed !important;
}
.activity .el-tabs__item.is-active,
.activity .el-tabs__item:hover {
  color: #2d68b3 !important;
  font-weight: $font-weight-600;
}
.activity .el-tabs__active-bar {
  height: 3px;
  background-color: #2d68b3;
}
.activity .el-pagination__total {
  color: #606266;
}
.activity .el-select-dropdown {
  background-color: #fff !important;
}
.messageInfo .el-tabs__header {
  margin: 0 !important;
}
.details .el-collapse-item__header {
  font-size: 18px;
  color: #333;
}
.breakcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #333 !important;
}
.details .el-collapse-item__wrap {
  border: 0;
}
.details .el-collapse-item__header {
  height: 60px;
}
.loading {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 22px;
}
.ellipsis1 {
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 两行省略号 */
.ellipsis2 {
  display: -webkit-box !important;
  display: -moz-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: break-word !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  -moz-line-clamp: 2 !important;
  -moz-box-orient: vertical !important;
}

/* 三行省略号 */
.ellipsis3 {
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 3;
  -moz-box-orient: vertical;
}

/* 四行省略号 */
.ellipsis4 {
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 4;
  -moz-box-orient: vertical;
}
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
  width: 0;
}
.mg-r25 {
  margin-right: 25px;
}
.mg-t6 {
  margin-top: 2px;
}

// .el-cascader-panel {
//   .el-radio__inner {
//     border: 0px;
//     background: transparent;
//   }
//   .el-radio__input.is-checked .el-radio__inner {
//     background: none;
//   }
//   .el-radio {
//     height: 100%;
//     width: 150px;
//     position: absolute;
//     z-index: 10;
//   }
// }

// top-menu
.submenu-force-left {
  .el-menu--horizontal {
    right: 200px !important;
    left: inherit !important;
  }
}

// 列表页样式
.bg {
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(39, 54, 78, 0.05);
}
.listContent {
  .elCol:first-child {
    padding-right: 20px !important;
  }
}
.pagination {
  text-align: center;
  padding: 20px 0;
  .total {
    font-size: $Base;
    color: #000;
  }
}
.listItemSpacing {
  padding: 0px 20px 0 10px;
}
.input-search-container {
  padding: 20px;
  background: #fff;
  .searchDiv {
    margin-top: 16px;
  }

  /deep/ {
    .el-col {
      margin-bottom: 16px;
    }
    .el-button {
      margin-right: 16px;
    }
  }
}
.inputDiv {
  .topInput {
    position: relative;
    max-width: 400px;
  }
  .searchBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 100%;
    color: #fff;
    background: #2d68b3;
    justify-content: center;
    align-items: center;
    border-radius: 0px 2px 2px 0px;
    .el-icon-search {
      cursor: pointer;
    }
  }
}
.searchDiv {
  .el-select {
    width: 100%;
  }
  .el-date-editor--daterange.el-input__inner {
    width: 100%;
  }
  .el-cascader {
    width: 100%;
  }
}
.contentList {
  .tabs {
    padding: 0px 16px;
  }
  .count {
    position: absolute;
    top: 10px;
    right: 16px;
    color: #7a7a7a;
    font-size: $Base;
    span {
      color: #333;
      margin: 0 5px;
      font-weight: 700;
    }
  }
}
.hotTitle {
  padding: 10px 16px;
  // margin: 0 -10px;
  color: #333;
  font-size: $--font-size-large;
  font-weight: $--font-weight-large;
  border-bottom: 1px solid #ededed;
}

//标题前面的主题色小竖条
.g-adorn {
  position: relative;
  padding-left: 12px;
  &:after {
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    width: 4px;
    height: 18px;
    transform: translate(0, -50%);
    content: '';
    background-color: #3665b3;
  }
}

.create-center__title {
  font-size: $large;
  color: #333;
  font-weight: 700;
  margin: $mgSpacing 0 17px;
}
.layout-width {
  max-width: $--layout-content-spacing;
  margin: 0 auto;
}

.list-item {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 0;
}
.list-item__title {
  margin-bottom: 6px;
  padding-left: 0;
  @include g-main-title;
  cursor: pointer;
}
.list-item__marks {
  &-item {
    @include list-item__marks-item();
  }
}
.list-item__content-row {
  display: flex;
  margin-top: 7px;
  .list-item__content-col {
    margin-left: 25px;
    @include ellipsis1;
    &:first-child {
      margin-left: 0;
    }
    &.span3 {
      @include list-item__content-col(25%);
    }
    &.span3 {
      @include list-item__content-col(33%);
    }
    &.span2 {
      @include list-item__content-col(50%);
    }
    &.span1 {
      @include list-item__content-col(100%);
    }
  }
  .list-item__content-label {
    @include label;
  }
  .list-item__content-text {
    margin-left: 8px;
    @include content-text;
  }
}

.projectList {
  padding: 0px 20px;
  .caption {
    font-size: $Base;
    color: #888;
    min-width: 70px;
    margin-top: 4px;
    display: inline-block;
  }
  .money {
    font-size: $--font-line-height-primary;
    white-space: nowrap;
    color: #e9471b;
  }
}
.quill-editor {
  height: 200px;
  margin-bottom: 60px;
}
.ql-editor.ql-blank::before {
  color: #c0c4d6 !important;
  font-style: unset !important;
}
.articleContent.ql-editor {
  padding: 0 !important;
  overflow: hidden !important;
}
